    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      // Load the Visualization API and the piechart package.
      google.load('visualization', '1', {'packages':['corechart']});

      function drawTurnos() {
        // Create the data table.

        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Meses');
        data.addColumn('number', 'Cantidad');
        data.addRows([<?php echo $datos_grafico ?>]);



        // Set chart options
        var options = {
                'width':'100%',
                'height':300,
                'colors': ['#058DC7'],
                'legend': {position: 'none'},
                'vAxis': {minValue: '0'},
                'hAxis': {textPosition: 'none'},
                'pointSize': 5
        };

        // Instantiate and draw our chart, passing in some options.
        var chart = new google.visualization.AreaChart(document.getElementById('graph_turnos'));
        chart.draw(data, options);
      }

    // Funcion para aplicar los filtros 
    function FiltrarConcola(){

        var string_filtros = "0";

        var fecha_desde = jQuery("#fromConsole").val();
            fecha_desde = fecha_desde.replace('/','-');
            fecha_desde = fecha_desde.replace('/','-');

        var fecha_hasta = jQuery("#toConsole").val();        
            fecha_hasta = fecha_hasta.replace('/','-');
            fecha_hasta = fecha_hasta.replace('/','-');

        jQuery(".filtros").each(function(i, val){

            // Si el objeto esta seleccionado
            if(val.checked){
                string_filtros = string_filtros + val.value + "|";
            }
        });


        // Actualizo la Cronologia
        jQuery('#cargando').show();
        jQuery.ajax({ 
                url: "/consoles/index/"+string_filtros+"/"+fecha_desde+"/"+fecha_hasta,
                success: function(data) {
                    jQuery('#panel_derecho').html(data);
                    jQuery('#cargando').hide();
                }
        });

    }
    jQuery(document).ready(function(){ 
        drawTurnos();

        jQuery( "#fromConsole" ).datepicker({
            defaultDate: "+1w",
            showOtherMonths: true,
            dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
            dateFormat: 'dd/mm/yy',
            monthNamesShort:    ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
            monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
            changeMonth: true,
            changeYear: true,            
            numberOfMonths: 3,
            onClose: function( selectedDate ) {
                jQuery( "#toConsole" ).datepicker( "option", "minDate", selectedDate );
                FiltrarConcola();
            }
        });
        jQuery( "#toConsole" ).datepicker({
            defaultDate: "+1w",
            showOtherMonths: true,
            dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
            dateFormat: 'dd/mm/yy',
            monthNamesShort:    ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
            monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
            changeMonth: true,
            changeYear: true,
            numberOfMonths: 3,
            onClose: function( selectedDate ) {
                jQuery( "#fromConsole" ).datepicker( "option", "maxDate", selectedDate );
                FiltrarConcola();
            }
        });        

        
    });
    </script>   
<!-- start page -->
    <br/>
    <div id="graph_turnos" style="background: white"><img src="/images/loading3.gif"></div>

    <div id="titulo_azul" style="margin-top: 1px;"><span><?php echo count($detalle_medicos).__(' Médicos visitaron a Epicrisis',true)?></span></div>    
    <div id="detalle_consola">
        <div id="detalle_izq_consola">
            <ul>
<?php
    // Muestro el detalle
    foreach ($detalle_consola as $origen_aux => $cantidad_aux) {
        echo '<li><span class="btn btn-inverse disabled">'.$cantidad_aux.'</span> '.$origen_aux.'</li>';
    }
?>                
            </ul>
        </div>
        <div id="detalle_der_consola"><strong style="font-size: 150%;">Detalle Discriminado</strong>
            <table>
<?php
        foreach($detalle_medicos AS $valor => $registro){
            echo '
                <tr>
                    <td width="50" style="text-align: center;"><span style="width: 45%;" class="btn btn-inverse disabled">'.$registro['cant'].'</span></td>
                    <td>'.$registro['name'].' '.$registro['lastname'].'</td>
                </tr>
            ';
        }
?>
            </table>
        </div>        
    </div>

<!-- end page -->